﻿@charset "utf-8";
@import "com";

@import "mod_addones/grids";
@import "mod_addones/formerror";
@import "mod_addones/text";
@import "mod_addones/overlabel";
@import "mod_resource/ms";

a:visited {color: #4CA6CF;}
a {color: #21759B;text-decoration: none;font-weight: normal;}
h3{font-size:16px;font-weight:700;color:#efefef;margin:10px 0 5px 0;height:27px;line-height:27px;padding-left:30px;
	background: transparent url(/images/title.jpg) no-repeat scroll left center;border-bottom:2px solid #9C0F05;position:relative;
	a.more{background: url(/images/more.gif) left center no-repeat;position:absolute;right:0;top:0;
		padding-left: 18px;font-size: 12px;font-weight: normal;}	
}
h4{font-size:18px;color:#333;margin:10px 0;text-align:center;}
.f16{font-size:16px;}
.f14{font-size:14px;}
.ui_btn_check{
	span.ui-button-text{font-size:14px;}
}
ul.artlist{
	li{line-height:26px;position: relative;
		span.date{color:#666;font-size:12px;position: absolute;right:0;top:0;}
	}
}
#header{min-width: 960px;
	.wapper{height: 145px;background: transparent url(/images/top.png) center left no-repeat;}
	h1{font-size: 24px;color: #333;padding-left: 44px;line-height: 68px;background: transparent url(/images/award.png) no-repeat scroll left center;}
	#wpnav{position: absolute;bottom: 0;right: 0;}
	ul{margin-right: 14px;list-style: none;min-width: 500px;float: right;
		li{float: left;position: relative;
			a{display: block;line-height: 34px;padding: 0 7px;font-size: 13px;color: #eee;
				&.current{color: #333;background: #F7F7F7;border: 1px solid #C6C6C6;border-bottom: none;margin-top: -1px;font-weight:700;
					border-top-left-radius: 3px;border-top-right-radius: 3px;text-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;}
				&:hover {color: #fff;}
			}
		}
	}
	ul.nav-submenu { display:none; min-width: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #d90102; width:100px;
		margin-top: -1px; border: #c6c6c6 solid 1px; border-top:0;
		li { float:none; }
		a { text-shadow:none; color: #eee; }
		a:hover { color: #fff; }
	}
	ul li:hover ul.nav-submenu, ul li ul.nav-submenu:hover { display:block; position:absolute; top:34px; left:0; z-index:11; }
}
#main{min-height:400px;
	.wapper{padding:10px 0;}
}
#footer{border-top:1px solid #E1E6B9;height:32px;line-height:32px;color:#666;margin-top:30px;}

/*#region ABtn */
a.abtn-more{background:#fff url(images/tips/botharrow.gif) no-repeat scroll right -20px;
	padding:1px 13px 1px 3px;cursor:pointer;border:1px solid #ddd;border-left-width:3px;
    &:hover { border-color:#88a825;} 
}
a.abtn-newin{background:url(images/tips/new_window.gif) no-repeat scroll right center;padding-right:12px;color:#88A825;
    &:hover { color:#A89E2D;text-decoration:underline;} 
}
a.abtn-question{background:url(images/tips/Question4.png) no-repeat scroll right center;padding-right:15px;height:12px;line-height:12px;cursor:pointer;}
a.imga{padding:3px;border:1px solid #DDDDDD;cursor:pointer;background-color:#F2F3F8;}
/*#endregion ABtn */

/*#region Form */
table.form{font-size:14px;width:100%;
	tr.bot td,tr.bot th{border-bottom:1px dashed #ddd;}
	td{padding:10px 0 10px 10px;}
	th{text-align:right;font-weight:normal;font-size:16px;color:#666;}
	th.muline{vertical-align:top;padding-top:10px;}
	.select{height:24px;line-height:24px;}
}
form.form{font-size:14px;width:800px;
	p{padding:10px 0;
		label{@include in_bk;width:100px;text-align:right;padding-right:10px;color:#666;}
	}
}
/*#endregion Form */

/*#region Color */ 
.c_gray{color:$c-error-black;}
.c_green{color:$c-error-green-b;}
.c_red{color:$c-error-red-b;}
/*#endregion Color */
table.ftable{
	td{border:1px solid #ddd;padding:5px;}
}
ul.s_list{padding-top:10px;border-top:1px solid #EAEAEA;
    li{@include in_bk;width:220px;margin:0 16px 16px 0;vertical-align:top;}
    div.h4{@include in_bk;@include ellipsis;width:220px;height:20px;line-height:20px;font-size:14px;
		a:hover{text-decoration:underline;}
	}
    div.middle{width:212px;height:212px;line-height:212px;border:1px solid #ddd;padding:3px;}
}
ul.list{ @include clearfix();
	li{float:left;margin-right:15px;}
}

.scrollable{position: relative;width: 960px;
	.prev, .next{position: absolute;top: 50px;color: #666;cursor: pointer;}
	.prev{left: 0;}
	.next{right: 0;}
	.disable{color: #ddd;cursor: default;}
	.ks-switchable-nav{position: absolute;right: 30px;top: -12px;
		li{float: left;padding: 5px;font-size: 18px;cursor: pointer;}
		li.ks-active{color: #C8282B;}	
	}
}
.scroller{position: relative;width: 924px;height: 155px;border: 1px solid #ccc;background-color: #F9F9F9;margin: auto;overflow: hidden;
	.ks-switchable-content img{float: left;width: 120px;height: 120px;padding: 2px;margin: 15px 14px;background-color: #fff;border: 1px solid #ccc;display: inline !important;}
}

dl{ @include clearfix();font-size:14px; line-height:32px;
	dt{float:left;width:80px;text-align:right;font-weight:700;margin-right:20px;}
	dd{float:left;width:300px;}
}

.listbox{width: 208px;float: left;border: 1px solid #ddd;padding: 10px;}

#J_Slide {position: relative;width: 470px;height: 150px;border: 1px solid #B6D1E6;overflow: hidden;
	.ks-switchable-nav {position: absolute;bottom: 5px;right: 5px;z-index: 99;
		li {float: left;width: 16px;height: 16px;line-height: 16px;margin-left: 3px;background-color: #FCF2CF;
		border: 1px solid #F47500;color: #D94B01;text-align: center;cursor: pointer;list-style: none;
			&.ks-active {width: 18px;height: 18px;line-height: 18px;margin-top: -1px;color: #FFF;
			background-color: #FFB442;font-weight: bold;}
		}
	}
	.ks-switchable-content {margin: 0;padding: 0;
		li {height: 150px;width: 470px;overflow: hidden;margin: 0;}
    }
	.ks-switchable-nav li, .ks-switchable-trigger-content {position: relative;}
	.ks-switchable-trigger-mask {position: absolute;right: 0;width: 18px;height: 18px;
		background-color: #FF9415;visibility: hidden}
	.ks-active .ks-switchable-trigger-mask {visibility: visible}
}
ul.j-desc-list{positin:absolute;bottom:0;left:0;font-weight:700;}

.list li {margin-left: 10px;margin-top: 5px;margin-bottom: 5px;list-style-type: circle;}